@charset "utf-8";

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,blockquote,img,figure{margin:0;padding:0}
body{color:#333;background-color: #f5f5f5;font-size:14px;line-height:22px;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
strong,em,i,b{font-weight:normal;font-style:normal;}
input,select,textarea,button{font-family:Tahoma, Helvetica, Arial, "Microsoft YaHei" , "\5b8b\4f53", sans-serif;color:#666;outline-style:none;box-sizing: content-box;}
dl,ul,li,dt,dd{list-style:none;}
img{border:none;vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input::-moz-focus-inner{padding:0;}
input,select,textarea,button{outline:none;outline-style:none;resize:none; vertical-align: middle;}
button{padding: 1px 6px;outline:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
header, section, article, aside, footer { display:block;}

.clear{clear: both;}
.clearer{clear:both; font-size:1px; width:100%; height:1px; visibility: hidden;overflow:hidden}

.clearfix:after{display:block;clear:both;height:0;content:"\200B";}
.clearfix{*zoom:1;}

.hide{display:none;}

a{text-decoration:none;outline-style: none;color:#333;}
a:hover{}
a:active{}

.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}

.fl{float:left!important;display:inline;}
.fr{float:right!important;display:inline;}
.fn{font-weight:normal;}
.fb{font-weight:bold;}
.center{margin-left:auto; margin-right:auto;}
.song{font-family: SimSun;}
.fontSimsun{font-family:\5B8B\4F53;}
.fontYaHei{font-family:"Microsoft YaHei", \5FAE\8F6F\96C5\9ED1;}
.fontTahoma{font-family:Tahoma;}
.fontSerif{font-family:"serif";}

.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.t_ellipsis {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}

.black{color:#333!important;}
.gray{color: #999!important;}
.white{color: #fff!important;}
.red,.cRed{color:#f60!important;}
.blue{color:#3a94f6!important;}
.green{color:#32cd99!important;}
.yellow {color: #ffdb84!important;}
.orange {color: #f6aa61!important;}

.hide {display:none;}
.blank{background: url(/static/img/blank.gif);}
.clear-pwd {position: absolute; left: -9999px;visibility: hidden;}
.hr {width: 100%;height: 1px;background: #f5f5f5;}
.no_data {padding: 10px 0;color: #999;text-align: center;}
.bg-gray {background: #f5f5f5;}
.bg-white {background: #fff;}
/* 徽章 */
.badge { position: relative; top: -8px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 10px; padding: 4px 5px; line-height: 10px; font-size: 14px; background: #ff5555; color: #fff; white-space: nowrap; text-align: center; border-radius: 10px; }

.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*全局内块居中*/
.max-w{width:1200px;margin:0 auto;}
/*面包屑*/
.where{margin-bottom:20px;}
.where a{color:#333;}
/* 链接 样式 */
.link1 {color: #999;cursor: pointer;}
.link1.active,
.link1:hover {color: #2c81ff;}
.link2 {color: #2c81ff;cursor: pointer;}
.link2.active,
.link2:hover {color: #2c81ff;}


.header-m{min-width: 1200px; padding:20px 0;border-bottom:solid 1px #f0f0f0;background: #fff;}
.header-m .logo{}
.header-m .logo a{}
.header-m .logo img{vertical-align: middle;}
.header-m .logo em{display: inline-block; vertical-align:middle; line-height:40px;margin-left:20px;padding-left:20px;border-left:solid 2px #ddd;font-size:24px;}
.header-m .fr{line-height:60px;font-size:16px;}


/*底部样式*/
.footer2{min-width: 1200px; padding:20px 0;text-align: center; color:#999; line-height:30px;border-top:solid 1px #f0f0f0;background: #fff;}
.footer2 .nav a{color:#999;margin:0 10px;}
.footer2 .copyright{text-align:center;color:#999;letter-spacing: 1px;}
.footer2 .copyright .text360 {display: inline-block;padding-left: 20px;height: 15px;line-height: 15px;color: #328a12;vertical-align: middle;}
.footer2 .fticon {width:998px;margin: 15px auto;border:1px solid #e7e3e4;}
.footer2 .fticon td{padding:5px 0;border:1px solid #e7e3e4;text-align: center;vertical-align: middle;}

.footer2 .inspectLogo{height:40px;display:inline-block;padding:20px 0 30px;}
.footer2 .inspectLogo li{float:left;width:102px;height:37px;margin:0 9px;}
.footer2 .inspectLogo li a{display:block;height:37px;text-indent:-9999px;background:url(images/inspect_logos.png) no-repeat;overflow:hidden;}
.footer2 .inspectLogo .logo_1 a{background-position:0 0;}
.footer2 .inspectLogo .logo_2 a{background-position:-103px 0;}
.footer2 .inspectLogo .logo_3 a{background-position:-206px 0;}
.foot-link{min-width: 1200px; border-top: 1px solid #f0f0f0; background-color: #fff;}
.foot-link .item{padding: 40px 0 50px 0;text-align: left;}
.foot-link .item li{float: left;display: inline;}
.foot-link .item li dt{padding-bottom: 20px;color: #333;font-size: 16px;}
.foot-link .item li dd{margin-bottom: 8px;}
.foot-link .item li dd.tel{font-size: 30px;height: 48px;line-height: 48px;margin-bottom: 5px;color: #666;}
.foot-link .item li dd.tel strong{font-weight: normal;}
.foot-link .item li dd a{color: #888;}
.foot-link .item li dd a.contact{display: inline-block;padding: 0px 15px;border: 2px solid #ccc;border-radius: 20px;color: #888;}

/*btn
======================================================== */
.btn {width: 100%;max-width: 340px;padding: 10px 0 ;border-radius:5px;background: #3385ff;border: none; color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;}
.btn-red{background:#ff6400;}
.btn-gray{background:#d6d6d6;}

.btn-xm{width:auto;max-width:auto;line-height:20px;padding:5px 15px;font-size: 14px; font-weight: normal;}
.btnlg {width: 100%;padding: 15px 0 16px;background: #2c81ff;border: none; color: #fff;text-align: center;cursor: pointer;}
a.btnlg,
a.btn {display: inline-block;}
.btn[disabled],
.btnlg[disabled],
.btnlg.disabled{cursor: not-allowed;background: #d6d6d6;}
.btn-search{width: 60px;height:24px; border:solid 1px #3a94f6; text-align: center;background:#3a94f6;color:#fff;}

.success_tip{font-size:16px;text-align:center;line-height:200%;}
.success_tip .s_icon{
    width: 80px;height: 80px;margin:10px auto;
    background:url(images/success_img.png) no-repeat center;
}

/*上传控件*/
.upfile-bar{position: relative;}
.upfile-bar .tip{position: absolute;right:1px;top:1px;bottom:1px;color:#666;font-size:12px;}
.upfile-bar .tip1{height:31px;position: absolute;right:1px;top:1px;bottom:1px;color:#666;font-size:12px;}
.upfile-bar .preview{position: absolute;right:-100px;top:1px;height:100%;color:#7FB0DA;font-size:12px;z-index: 111;}
.upfile-bar input{cursor:pointer!important;background-color:#fff!important;}
.upfile-bar .file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.upfile-bar .canupload {position: absolute;top:0;left:0;width:100%;height:100%;z-index:99;}


.checkbox-1{
    border-radius:2px;
    background-color: #fff;
    outline:0;
    border: 1px solid #aaa;
    margin-top: 0;
    cursor: pointer;
    appearance:none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    padding: 0;
    position: relative;
    display: inline-block;
    top: -1px;
    vertical-align: middle;
}
.checkbox-1:checked{
    outline:0;
    background:url(images/icon-checked.png) no-repeat center center;
}
.checkbox-1:disabled{
    pointer-events: none;
    border-color:#ccc;
    background-color:#f9fafc;
}

/*服务市场头部*/
.header{min-width: 1200px; background: #fff;font-size: 16px;color: #666;border: 1px solid #f0f0f0;}
.header .nav .logo{margin: 10px 0;}
.header .nav1{margin-left:70px;}
.header .nav .nav2{}
.header .n{float:left;display: inline;position: relative;}
.header .n .brand{padding: 0 20px;}
.header .n .drop,.header .n .brand{height: 80px;line-height: 80px;position: relative;display: inline-block;}
.header .n:hover .drop:before{content: '';width: 100%;height: 3px;background: #2c81ff;display: inline-block;position: absolute;top: 0;left: 5px;}
.header .n .drop a{display: inline-block;padding:0 20px;}
.header .n:hover .drop a{color: #2c81ff;}
.header .n:hover .drop a:before{}
.header .drop a:after{content: '';display: inline-block;width: 12px;height: 8px;margin:-3px 0 0 5px;background: url("images/i_triangle.png") no-repeat;vertical-align: middle;
}
.header .n:hover .drop a:after{background: url("images/blue_tri.png") no-repeat;
    transform: rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.header .sub{width: 100%;background: #fff;position: absolute;top: 80px;left: 5px;display: none;z-index: 5;border: 1px solid #f0f0f0;}
.header .sub a{display: block;text-align: center;font-size: 14px;color: #666;padding: 10px 0;}
.header .sub a:hover{background: #f0f0f0;color:#2c81ff;}
.header .web{min-width:205px;padding:25px 10px 25px 35px;position: absolute;left:auto; right:0;}
.header .web .recom li{width: 100px;display: inline-block;padding: 0;margin: 5px 0;}
.header .web .recom li a{text-align: left;display: inline;}
.header .n:hover .web a{background: none;}
.header .log{height: 80px;line-height: 80px;}
.header .log a{display:inline-block;padding: 0 10px;overflow: hidden;}
.header .log a.account{max-width: 120px;padding:0;white-space: nowrap;text-overflow: ellipsis;}
.header .log a:hover{color:#2c81ff;}
.header .log a:before{content: '';vertical-align: middle;margin-right: 3px;display: inline-block;}
/*.header .log .login:before{width: 20px;height: 20px;background: url("images/i_login.png");}*/
/*.header .log .register:before{width: 23px;height: 20px;background: url("images/i_register.png");}*/
.header .log .cart:before{width: 27px;height: 25px;background: url("images/i_cart.png");}
.header .log .login:hover:before {background: url("images/blue_user.png") no-repeat;}
.header .nav2 a.cart{position: relative;}
.header .nav2 a.cart .badge{position: absolute;left: 26px;top: -6px;}
.header .nav2 a img{margin: 0 3px;display: inline-block;}
.header .nav2 .n:hover .drop:before{left: 0px;}

/*---------------------------------branner 样式 ---------------------------------*/
.banner{min-width: 1200px; padding: 30px 0;background: #fff;position: relative;text-align:center;}
.banner ul{width: 1200px;height: 300px;overflow: hidden;}
.banner li{float: left;display: inline;}
.banner .points{width: 100%;text-align: center;position: absolute;bottom: 35px;}
.banner .points span{width: 12px;height: 12px;display: inline-block;border-radius: 12px;background: #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .points span:hover{opacity: 1;}

/*swiper banner 样式*/
.swiper-banner {width: 1200px;height: 300px;padding: 30px 0;border-radius: 5px;}
.swiper-banner .swiper-slide {background-position: center;}
.swiper-banner .swiper-pagination-bullet {width: 12px;height: 12px;background: #fff;}
.swiper-banner .swiper-pagination-bullet-active {background-color: #2c81ff;}


/*---------------------------------页码条 样式 ---------------------------------*/
.page-bar { text-align: center; padding:20px 0; }

.page-bar .bar-list { display: inline-block;}
.page-bar .bar-list li { float:left; margin: 0 5px; text-align: center; }
.page-bar .bar-list li a,.page-bar .bar-list li .dis { display: block; padding: 5px 12px; color: #888; border:solid 1px #f5f5f5; background: #fff; border-radius: 3px; }
.page-bar .bar-list li a:hover, .page-bar .bar-list li a.active { background: #2c81ff; color: #fff;  }

.page-bar .bar-list .page-count {line-height:32px;color:#666; }
.page-bar .bar-list .jump-wrap {}
.page-bar .bar-list .jump-wrap input {width:50px; height:30px;  vertical-align: middle; font-size: 16px; text-align: center; margin-left:3px; border:solid 1px #eee; }
.page-bar .bar-list .jump-wrap button { margin-left: 10px; vertical-align: middle;width:30px;height:30px;background-color:#2c81ff;color:#fff;border:0 none;border-radius:30px;}

/*---------------------------------css 组件样式---------------------------------*/
.css-checkbox { position: relative; display: inline-block; vertical-align: top; }
.css-checkbox input { position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; }
.css-checkbox span:before { content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 5px; border: 1px solid #c3c3c3; border-radius: 3px; vertical-align: middle; }
.css-checkbox span:after { content: ""; position: absolute; left: 2px; top: 6px; width: 8px; height: 4px; display: inline-block; border-width: 2px; border-style: solid; border-color: transparent transparent  #2c81ff #2c81ff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); visibility: hidden; }
.css-checkbox input:hover + span:after { visibility: visible; }
.css-checkbox input:checked + span:before { background: #2c81ff; border-color: #2c81ff; }
.css-checkbox input:checked + span:after { border-color: transparent transparent  #fff #fff; visibility: visible; }

/*---------------------------------table 样式 ---------------------------------*/
.table {width: 100%;background: #fff;color: #101010;}
.table thead tr {}
.table tbody tr {border-top: 1px solid #f5f5f5;}
.table td {padding: 20px 5px;text-align: center}
.table td:first-child {padding-left: 40px;text-align: left;}
.table td:last-child {padding-right: 40px;text-align: right;}

.table-car {}
.table-car .item {text-align: left;}
.table-car .item img{ float: left;width: 100px;height: 100px;}
.table-car .item .text{position: relative;height: 100px;margin-left: 120px;}
.table-car .item .text p {height: 65px;overflow: hidden;}
.table-car .item .text .bonus {position: absolute;bottom: 0;left: 0;margin-top: 10px;padding: 3px 8px;color: #fff;font-size: 12px;background: #f9ac01;}

/*---------------------------------404 500 页面样式 ---------------------------------*/
.errorPage {position: relative;padding: 125px 0 160px;text-align: center;}
.errorPage .wrap{width: 825px;margin: 0 auto;}
.errorPage .show {margin-bottom: 25px;}
.errorPage .show .img {max-width: 100%;}
.errorPage .show2 {margin-bottom: 112px;}
.errorPage .show2 img {width: 100%;}
.errorPage .title {margin-bottom: 18px;font-size: 32px;color: #888;font-weight: normal;}
.errorPage .tip {margin-bottom:30px;color: #888;font-size: 16px;}
.errorPage .tip .link2 {text-decoration: underline;}
.errorPage .back_btn {padding: 8px 23px;background: rgba(121,202,96,0.8);color: #fff;font-size: 16px;border-radius: 3px;}

/*---------------------------------form 样式 ---------------------------------*/
.form-block {}
.form-block .row {margin-bottom: 20px;}
.form-block .label {float: left;width: 140px;margin-top: 6px;text-align: right;}
.form-block .label.txt{margin-top: 0;}
.form-block .row-cont {margin-left: 155px;}
.form-block .row-cont .row-input {width: 220px;height:20px;padding:12px 10px;background-color:#ecf1f1;border:0 none;border-radius:3px;}
.form-block .row-cont .row-select {vertical-align:middle;height:30px;padding:12px 10px;background-color:#ecf1f1;border:0 none;border-radius:3px;}
.form-block .row-cont label.error{ display: block;width: 220px;line-height:30px;color:#f60;background:#fff7f2;text-indent:20px;padding-right:20px;}


/*右侧资讯栏*/
#status1{position:fixed;_position:absolute;top:50%;right: -60px;margin-top:-80px;width:60px; height: 150px; text-align:center;z-index: 9999;font: 12px/1 "微软雅黑","宋体","黑体",Arial, "\5b8b\4f53", sans-serif;}
#status1 .opt-list {background: #389ce0;}
#status1 .opt-list li {position: relative; height: 55px;}
#status1 .opt-list li a {position: absolute; top: 6px; left: 15px; width: 30px; height: 30px; background: url("./images/right_sidebar.png") no-repeat; background-position: 1px 1px;}
#status1 .opt-list li[data-hook="switchStatus"] {height: 40px; background: #56b2f1;}
#status1 .opt-list li[data-hook="showCode"] a {background-position: 3px -35px;}
#status1 .opt-list li[data-hook="switchStatus"] a {background-position: 10px -108px;}
#status1 .clock {display: none; position: absolute; top: -1px; left: -132px; width: 130px; height: 150px; border: 1px solid #ebebeb;background-color: white;}
#status1 .clock .blue-clock {float: none;display: block; width: 35px; height: 35px; background: url("./images/right_sidebar.png") no-repeat; background-position: 0 -70px; margin: 15px 0 15px 48px;}
#status1 .clock p {font-size: 14px; color: #999; line-height: 20px; letter-spacing: 4px; padding-left: 3px;}
#status1 .clock .time {color: #f87a1a; letter-spacing: 0px; padding-left: 0px;}
#status1 .code {display: none; position: absolute; top: -1px; left: -132px; width: 130px; height: 150px; border: 1px solid #ebebeb; background-image: url("./images/pvc-code.png"); background-color: white; background-position: 15px 15px; background-repeat: no-repeat;}
#status1 .code p {color: #888; font-size: 14px; line-height: 20px; margin-top: 120px;}

#status2{position:fixed;_position:absolute;top:50%;right: 0px;margin-top:-190px;width:130px; height: 315px; text-align:center;z-index: 9999;border: 1px solid #ebebeb;background-color: white;font: 12px/1 "微软雅黑","宋体","黑体",Arial, "\5b8b\4f53", sans-serif;}
#status2 .clock {height: 113px;}
#status2 .clock .blue-clock {float: none;display: block; width: 35px; height: 35px; background: url("./images/right_sidebar.png") no-repeat; background-position: 0 -70px; margin: 15px 0 10px 48px;}
#status2 .clock p {font-size: 14px; color: #999; line-height: 20px; letter-spacing: 4px; padding-left: 3px;}
#status2 .clock .time {color: #f87a1a; letter-spacing: 0px; padding-left: 0px;}
#status2 .code { background-image: url("./images/pvc-code.png"); background-position: 15px 5px; background-repeat: no-repeat;}
#status2 .code p {color: #888; font-size: 14px; line-height: 20px;}
#status2 .code p:first-child {padding-top: 110px;}
#status2 [data-hook="switchStatus"] {display: block; background: url("./images/right_sidebar.png") no-repeat; background-position: 90px -131px; color: #f87a1a; font-size: 14px; line-height: 30px; margin-top: 3px; text-indent: -15px;}


/*返回顶部*/
#returnTop {display: none;position:fixed;_position:absolute;bottom:70px;right: 10px;width: 55px;height: 55px;background: url("./images/right_sidebar.png") no-repeat; background-position: 0px -166px;cursor: pointer;z-index: 9999;}